.common-card {
  background: rgba(255, 255, 255, 0.5);
  margin-bottom: 20px;
  overflow: hidden;
  h2 {
    color: #333;
    font-size: 14px;
    line-height: 30px;
    padding-left: 20px;
    background: #fff;
  }
  h2.ab_title {
    text-align: center;
    position: relative;
    margin: 20px;
    padding-left: 0;
    font-size: 1.5em;
    background: none;
  }
  h2.ab_title::before {
    content: '';
    width: 25%;
    height: 2px;
    background: #000;
    position: absolute;
    left: 0;
    bottom: 50%;
  }
  h2.ab_title::after {
    content: '';
    width: 25%;
    height: 2px;
    background: #000;
    position: absolute;
    right: 0;
    bottom: 50%;
  }
  .common-card-body {
    padding: 10px;
    ul {
      padding: 10px;
      li:hover {
        border-bottom: #000 1px solid;
        p {
          color: #000;
          i {
            img {
              transform: scale(1.03);
            }
          }
        }
      }
      li {
        border-bottom: solid 1px #eaeaea;
        font-size: 14px;
        margin: 0 0 10px 0;
        padding: 0 0 10px 0;
        overflow: hidden;
        b {
          height: 30px;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden;
          display: block;
        }
        p {
          line-height: 24px;
          color: #888;
          i {
            width: 100px;
            height: 90px;
            overflow: hidden;
            display: block;
            border: #efefef 1px solid;
            float: left;
            margin-right: 10px;
            img {
              height: 100%;
              margin: auto;
              -moz-transition: all 0.5s ease;
              -webkit-transition: all 0.5s ease;
              transition: all 0.5s ease;
            }
          }
        }
      }
    }
  }
}
